<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
<!-- TAB DE COLABORADOR -->

<p:growl id="msgs" />
 <div align="left">               
 		<p:panel header="Cadastro de Colaboradores">  
        
        <!-- ICONE DO CADASTRO -->
          <div style="text-align:center;">
			<h:panelGrid  columns="2" >
				<h:graphicImage value="/resources/images/cadastro.png" width="50" height="60" />	
				<h1>Cadastro de Colaboradores</h1>
			</h:panelGrid>
		  </div> 
		     
                <h:messages errorClass="error"/>  
                 <fieldset>
                 	<legend>Informações dos Colaboradores</legend>
             
			             <div style="text-align:left;">
			                 
			             <h:panelGrid columns="2">   
			                    <h:outputText value="Nome: *" />  
			                    <p:inputText label="Nome" required="true" requiredMessage="Informe o nome do Colaborador"
			                            value="#{empresaMBean.colaborador.nome}" size="60" />  
								
								<h:outputText value="Departamento: *" />  
			                    <p:inputText label="Departamento"  
			                            value="#{empresaMBean.colaborador.departamento}" size="40" />
								
			                    <h:outputText value="Email: *" />  
			                    <p:inputText label="Email"  
			                            value="#{empresaMBean.colaborador.email}" size="60" /> 
			                    
			                    <h:outputText value="Senha: *" />  
			                    <p:password label="Senha"  
			                            value="#{empresaMBean.colaborador.senha}" size="40" /> 
			               </h:panelGrid>
			             </div>
               </fieldset>
               
               <fieldset>
               		<legend>Informações de Contato</legend>           
			            <div align="left">
			               <h:panelGrid columns="6">       
			               		
			               		<h:outputLabel value="Fone Resid.:" />
						    	<p:inputMask  mask="(99)9999-99999"  value="#{empresaMBean.colaborador.foneRes}" size="20" />
						    	
			                    <h:outputLabel value="Fone Cel.:" />
						    	<p:inputMask mask="(99)9999-99999" value="#{empresaMBean.colaborador.foneCel}" size="20" />
						    	
						    	<h:outputLabel value="Fone Fax.:" />
						    	<p:inputMask mask="(99)9999-99999" value="#{empresaMBean.colaborador.foneFax}" size="20" />
			 
			               </h:panelGrid>
			            </div> 
               </fieldset>
               <br/>
               <h:panelGrid columns="2">
               		<p:commandButton value="Limpar" type="reset"/>  
		            <p:commandButton id="btn_add" value="Adicionar" update="colaboradores msgs @parent"  
		                            action="#{empresaMBean.reinit}" >  
		                <p:collector value="#{empresaMBean.colaborador}"   
		                            addTo="#{empresaMBean.colaboradores}" />  
		            </p:commandButton>
               </h:panelGrid>
               <br/>
               <!-- Lista de Colaboradores da Empresa -->
               	<p:outputPanel id="colaboradores">	
	               <p:dataTable id="tableColaboradores" value="#{empresaMBean.colaboradores}" var="colaborador" paginator="true" lazy="true" rowClasses="impar,par">
					<p:column>
						<f:facet name="header">  
		                    <h:outputText value="Colaborador" />  
		                </f:facet>  
						<h:outputText value="#{colaborador.nome}" /> 
					</p:column>
					<p:column>
						<f:facet name="header">  
		                    <h:outputText value="Departamento" />  
		                </f:facet>
						<h:outputText value="#{colaborador.departamento}" />
					</p:column>
					<p:column headerText="Ação">  
	                <p:commandLink value="Remove" update=":form:colaboradores" process=":form:colaboradores">  
	                    <p:collector value="#{colaborador}"  
	                                 removeFrom="#{empresaMBean.colaboradores}" />  
	                </p:commandLink> 
						
					</p:column>
				</p:dataTable>
			</p:outputPanel>
          </p:panel>               
 </div>
 </html>